<script lang='ts' setup>
import type { ColorPickerProps } from 'element-plus'

withDefaults(defineProps<Omit<ColorPickerProps, 'modelValue'>>(), {
  disabled: false,
  size: 'default',
})

const value = defineModel<string>('#FFFFFF')
</script>

<template>
  <div class="w-full">
    <el-color-picker v-model="value" color-format="hex" class="w-full" show-alpha :disabled="disabled" :size="size" />
  </div>
</template>

<style lang='scss' module></style>
